<template>
  <ul class="footer-wrap displayflex">
    <router-link to="/index" tag="li" class="flex1" v-bind:class="{active:status=='1'}">
      <i class="iconfont icon-index"></i>
      <i class="iconfont icon-index-h"></i>
      <p>首页</p>
    </router-link>
    <router-link to="/orderList" tag="li" class="flex1" v-bind:class="{active:status=='2'}">
      <i class="iconfont icon-order"></i>
      <i class="iconfont icon-order-h"></i>
      <p>订单</p>
    </router-link>
    <router-link to="/message" tag="li" class="flex1" v-bind:class="{active:status=='3'}">
      <i class="iconfont icon-msg"></i>
      <i class="iconfont icon-msg-h"></i>
      <p>消息</p>
    </router-link>
    <router-link to="/user" class="flex1" tag="li" v-bind:class="{active:status=='4'}">
      <i class="iconfont icon-mine"></i>
      <i class="iconfont icon-mine-h"></i>
      <p>我的</p>
    </router-link>
  </ul>
</template>

<script>
export default{
  props:['status']
}
</script>